<template>
  <div class="main">
    <el-row>
      <el-card :body-style="{ padding: '0px' }" class="block" shadow="always">
        <el-container>
          <el-aside width="370px">
            <img src="../assets/silenceBureau.png" class="image">
          </el-aside>
          <el-main>
            <h2 class="tt">平台简介</h2>
            <p class="sp">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;科惠网十堰分平台是依托“科惠网”搭建的技术转移和成果转化公共服务平台。平台汇集了国内科技创新要素资源，围绕科技成果转化服务企业创新发展，力促创新链、产业链、政策链“三链”融合，着力解决十堰科技成果转化中的企业承接、技术供给、渠道打通等问题，形成科技成果转化新格局，促进科技与产业精准对接。</p>
          </el-main>
        </el-container>
      </el-card>
    </el-row>
    <el-row>
      <el-card :body-style="{ padding: '0px' }" class="block" shadow="always">
        <el-container>
          <el-main >
            <h2 class="tt">主要职能</h2>
            <p class="ep">.介绍十堰市科技发展动态、政策及环境</p>
            <p class="ep">.组织十堰高校、科研院所成果对接</p>
            <p class="ep">.促进科技成果产业化</p>
            <p class="ep">.促进技术需求市场化</p>
            <p class="ep">.为科技服务中介机构搭建互通桥梁</p>
          </el-main>
          <el-aside width="370px">
            <img src="../assets/function.png" class="image">
          </el-aside>
        </el-container>          
      </el-card>
    </el-row>
    <el-row>
      <el-card :body-style="{ padding: '0px' }" class="block" shadow="always">
        <el-container>
          <el-aside width="370px">
            <img src="../assets/silencelogo.png" class="image">
          </el-aside>
          <el-main>
            <h2 class="tt">联系我们</h2>
            <p class="ep">主办单位：十堰市科学技术局</p>
            <p class="ep">办公地址：十堰市张湾区朝阳北路16号</p>
            <p class="ep">邮政编码：442000</p>
            <p class="ep">电话：0719-8663572</p>
            <p class="ep">传真：0719-8118101</p>
            <p class="ep">电子邮箱：syskjj@126.com</p>
          </el-main>
        </el-container>        
      </el-card>
    </el-row>
  </div>
</template>

<script>


export default {
  name: 'HomePage',
  data () {
    return {
      
    }
  },
  created() {
  
  },
}
</script>

<style scoped>
  .sp{
    padding-left: 25px;
    padding-right: 15px;
    text-align: left;
  }
  .tt{
    text-align:left;
    color:#409EFF;
  }
  .el-main{
    padding-left:25px ;
    /* background-color: bisque; */
  }
  .main{
    /* background-color: rgb(169, 221, 245); */
    /* margin: 100px 300px; */
    padding-top: 50px;
  }
  .block{
      margin-left:auto;
      margin-right:auto;
      /* margin-top: 3%; */
      margin-bottom:50px;
      width: 1000px;
      height: 300px;
      border-color: antiquewhite;
  }
  .image {
    height: 300px;
    width: 370px;
    /* padding: 5px; */
    display: block;
    box-shadow: 10 25px 12px rgba(0, 0, 0, .12), 10 0 12px rgba(0, 0, 0, .04)
  }
  .ep{
    text-align: left;
    padding-left:25px;
  }

</style>
